  
   page{
    width: 100%;
    height: 100%;
  }
  van-transition {
    width: 100%;
    height: 100%;
  }
  .main{
    width: 100%;
    height: 100%;
    background: #fff;
  }
   header,footer,section,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button
   form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0px;
    padding: 0px;
    color: #333;
    box-sizing: border-box;
    font-weight: 400;
  }

   ul, li{
     list-style: none;
   }
   a{
     text-decoration: none;
     color: #333;
     font-weight: 400;
   }
   input{
     border: none;
     outline: none;
   }
  .layout{
    width: 1200px;
    margin: 0 auto;
  }
  .clearfix:after { display: table; content: " "; clear: both;}
  
  .clearfix{ zoom: 1;}
  .fill{
    width: 100%;
    height: 100%;
  }
  .text-hidden{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .more-hidden{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
  }
  .margin{
    margin: 0 auto;
  }
  
  .fl{
    float: left;
  }
  
  .fr{
    float: right;
  }
  
  .hide{
    display: none;
  }
  
  .show{
    display: block;
  }
  .center {  
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .ct {  
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
  }
  .cl {  
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
  }
  button {
    background: #fff;
    line-height: 1;
    padding: 0;
    margin: 0;
    &::after {
      border-color: transparent;
    }
  }
  .button-hover {
    background: #fff;
  }
